<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link href="css/colour.css" rel="stylesheet" type="text/css" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!--<script type="text/javascript" src="js/modernizr-1.5.min.js"></script>-->
        <jsp:include page="Encabezado.jsp"></jsp:include>
        <style>
            #mensaje-ingreso{
                width:50%;
                margin:60px;
            }
        </style>
<link rel="stylesheet" href="style.css" type="text/css" />
        <script>
            $(document).ready(function() {
                $("#ValidarUsuario").submit(function() {
                    $.post("ValidarUsuario", $("#ValidarUsuario").serialize(), function(data) {
                        perfil = jQuery.trim(data);
                        if (perfil == "1") {
                            document.location.href = "MenuAdministrador.jsp";
                        } else if (perfil == "2") {
                            document.location.href = "MenuJefeSeccion.jsp";
                        } else if (perfil == "3") {
                            document.location.href = "MenuMaquilador.jsp";
                        } else if (perfil == "4") {
                            document.location.href = "MenuOperario.jsp";
                        } else {
                            $("#mensaje-ingreso").html("<h1><br>Usuario y/o clave incorrectos</h1>");
                        
                             username-text==""
			     password-text==""
      
  }
                    });
                    return false;
                });
            });
        </script>
    </head>
    <body>
     
        <div id="container">
      <form name="ValidarUsuario" id="ValidarUsuario" action="ValidarUsuario" method="POST">
                <div class="login">Iniciar Sesión</div>
				
                                <div class="username-text">Usuario:</div>
				<div class="password-text">Contraseña:</div>
				<div class="username-field">
					<input type="text" name="usuario" id="usuario" value="" required="required"/>
				</div>
				<div class="password-field">
					<input type="password" name="clave" id="clave"  value="" required="required"/>
				
                                </div>
                                
                                <div>
                                 
                                <input type="checkbox" name="remember-me" id="remember-me" /><label for="remember-me">Recordarme</label>
                               
                                <div class="forgot-usr-pwd">Olvidaste tu <a href="#">usuario</a> o <a href="#">contraseña</a>?</div>
                                
                                <div><input type="submit" name="Ir" value="Ir" id="ingresar" /></div>
                               
                                 </div>
                                
               </form>
            <div id="logo"> <div id="mensaje-ingreso"></div></div>
        </div>
        
    </body>
</html>
